<template>
    <view class="search-page">
        <button class="search-btn" @tap="handerlCkci">搜索</button>

        <history-popup 
            v-model="showHistory"
            :top-distance="200"
            @doSearch="handleSearch"
            ref="historyPopup"
        />
    </view>
</template>

<script>
import HistoryPopup from './components/Search_history.vue'

export default {
    components: {
        HistoryPopup
    },
    data() {
        return {
            showHistory: false
        }
    },
    methods: {
        handerlCkci() {
            this.showHistory = !this.showHistory
        },
        handleSearch(data) {
            console.log('搜索内容:', data.value)
            // 处理搜索逻辑
        }
    }
}
</script>